iT邦幫忙

2024 iThome 鐵人賽

DAY 18
0

ES6 引入了 Proxy,這是一個用來攔截和定製對象行為的工具。通過 Proxy,開發者可以對對象的基本操作(如讀取屬性、設置屬性、刪除屬性等)進行控制。它常被用於數據驗證、偵錯和數據綁定。

**Proxy **透過 new Proxy(target, handler) 創建,target 是要代理的對象,handler 是定義攔截行為的對象。範例:
https://ithelp.ithome.com.tw/upload/images/20241012/20169433jl2vAGoWb3.png

這個例子展示了 get 代理方法,攔截了對對象屬性的訪問,並自定義了返回的行為。除了 get,還有許多其他可以攔截的操作,如 set(設置屬性)、deleteProperty(刪除屬性)等。這讓 Proxy 非常靈活,適合應用於 Vue.js 等框架的響應式數據處理中。


上一篇
Day 25:迭代器與生成器實例應用
下一篇
Day 27:高階函數應用
系列文
深入淺出 ES6 新特性:讓 JavaScript 更現代化的 30 天之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言